<div class="container" style="width:100%">
<div>
    <button class="btn btn-primary" (click)="toAdd()">添加</button>
</div>

<div>
<div class="input-group input-group-sm mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="inputGroup-sizing-sm">课程名称</span>
    </div>
    <input type="text" [(ngModel)]="b.name" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
    <button class="btn btn-success" (click)="save()">保存</button>
    <button class="btn btn-info">取消</button>
</div>
<table class="table">
<tr>
    <th>
        课程名称
    </th>
    <th>
        操作
    </th>
</tr>

<tr *ngFor="let x of bl" >
    <td>{{x.name}}</td>
    <td>
        <button class="btn btn-warning" (click)="toupdate(x)">修改</button>
        <button class="btn btn-danger" (click)="deleteBook(x)">删除</button>
    </td>
</tr>
</table>

</div>